<#assign contextPath=springMacroRequestContext.getContextPath() />
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后台</title>
		<link rel="stylesheet" href="${contextPath}/resources/css/hou.css">
			<script src="${contextPath}/resources/js/login/jquery.min.js"></script>
				<script type="text/javascript" src="${contextPath}/resources/js/pidcrypt.js"></script>
	<script type="text/javascript" src="${contextPath}/resources/js/sha256.js"></script>
	<script type="text/javascript" src="${contextPath}/resources/js/md5.js"></script>
	<script type="text/javascript" src="${contextPath}/resources/js/login.js"></script>
	</head>
	<body>
		<!-- 总体盒子 -->
		<div class="box">
			<div class="img">
				<img src="${contextPath}/resources/images/login/icon.png" alt="">
				<span>白泽艺考管理系统</span>
			</div>
			<form name="myform" id="merchantLoginForm" class="container offset1 loginform" action="${contextPath}/login/check"
				 method="post">
			<!-- 用户登录 -->
			<div class="content">
				<div class="icon">
					<img src="${contextPath}/resources/images/login/1.png" alt="">
				</div>
				<div class="user">
					<form action="">
						<p class="deng">用户登录</p>
						<p class="en">USER LOGIN</p>
						<!-- 用户名 -->
						<div class="bor">
							<img src="${contextPath}/resources/images/login/user.png" alt="" class="icon-user">
							<input type="text" placeholder="用户名" id="uName" name="loginName">						
						</div>
						<!-- 密码 -->
						<div class="bor">
							<img src="${contextPath}/resources/images/login/pwd.png" alt="" class="icon-user">
							<input type="password" placeholder="密码" id="pwd" name="password" >						
						</div>
						<!-- 验证码 -->
						<div class="ma">
							<div class="yan">
								<img src="${contextPath}/resources/images/login/yan.png" alt="" class="icon-user">
								<input type="text" placeholder="验证码" id="num" name="validcode">								
							</div>
							<div class="zheng">
								<img id="validCodImg" class="verify-code-canvas" src="${contextPath}/login/valid-code-image.jpg" onclick="$(this).attr('src', '${contextPath}/login/valid-code-image.jpg?'+new Date());">
							</div>
						</div>							
					</form>				
				<!-- 同意条款 -->
					<div class="agree">
						<div class="hLeft" onclick="hideImg()">
							<img src="${contextPath}/resources/images/login/4.png" data-on="1" class="fui" id="rightImg">
						</div>
						<div class="read">已阅读并同意
							<a target="view_window" href="${contextPath}/login/clause">《使用条款》</a>
						</div>
					</div>
					<!-- 登录 -->
					<div class="hLogin" id="zsubmit">登录</div>
					<div class="err" id="msg"></div>  
					<div class="err">${msg}</div>    
				</div>
			</div>
			</form>
		</div>
		
	</body>
	
	<script>
	$(function () {
		$("#zsubmit").on("click", function () {

			                if ($("#rightImg").attr("data-on")==1) {
			
			                    checkLoginInfo()
			                } else {
			                    alert("请先阅读并勾选同意使用条款");
			                }
						});
	});

	function hideImg(){
		if($("#rightImg").attr("data-on")==1){
			$("#rightImg").hide();
			$("#rightImg").attr("data-on","0");
		}else{
			$("#rightImg").show();
			$("#rightImg").attr("data-on","1");
		}
		
	}
	</script>
</html>
